<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="static/css/patient.css" />
    <link rel="stylesheet" href="static/css/global.css" />
    <title>结算缴费页</title>
  </head>
  <body>
    <!-- 弹窗组件 -->
    <div th:replace="reuse/alertBox::alertBox"></div>
    <!-- 头部固定导航栏 -->
    <div th:replace="~{homepageFP::patNav}"></div>
    <main class="mainBox">
      <div class="container shadow-md-sm" th:switch="${unpaidBill}">
        <div th:case="true">
          <form th:action="@{/payment}" method="post">
            <div class="input-group mb-3">
              <span class="input-group-text"> [[${billName}]]</span>
              <input
                type="text"
                readonly
                class="form-control"
                th:value="${price}"
              />
              <input
                type="hidden"
                readonly
                class="form-control"
                th:value="${billType}"
                name="billType"
              />
              <button type="submit" class="btn btn-outline-secondary">
                缴费
              </button>
            </div>
          </form>
        </div>
        <div th:case="false" class="text-center">您没有未付账单</div>
      </div>
    </main>
    <script src="static/bootstrap/js/bootstrap.bundle.min.js"></script>
  </body>
</html>
